<template>
	<div class="inputWrap">
		<slot />
	</div>
</template>

<script>
	export default {}
</script>

<style scoped lang="scss">
	.inputWrap {
		display: flex;
		font-size: 12px;
		align-items: center;
		margin-bottom: 8px;

		//名称
		.vtf-label {
			display: inline-block;
			padding-right: 10px;
			line-height: 28px;
			// width: 6em;
			width: 75px;
			font-weight: 400px;
			text-align: right;

			.vtf-span {
				color: #f56c6c;
				font-weight: 600;
			}
		}


		//输入框
		.input {
			position: relative;
		}

		.ipt {
			width: 280px;
			border-color: #D2D2D2;
			padding-left: 2px;
		}

		// 提示
		.tip {
			position: absolute;
			margin: 1px;

			left: 288px;
			width: 200px;
			top: 7px;
		}
        .iconfont{
            font-size: 12px;
        }
		.vfy-icon3 {
			color: #f56c6c;
		}

		.vfy-span-tip3 {
			color: #f56c6c;
		}

		.vfy-span-tip {
			color: #e6a23c;
		}

		.vfy-icon1 {
			color: #e6a23c;
		}
	}

	// .inputWrap .tip-bottom {}
</style>